<template>
  <div class="dock-company-process">
    <Atabs
      v-if="tabsOptions.length > 0"
      v-model="$store.state.tabs.tabsActive"
      :options="tabsOptions"
      class="tabs"
    />
    <ProcessMain
      type="correction"
      :id="id"
      :bussType="bussType"
      :userId="userId"
      :disabled="disabled"
    />
  </div>
</template>
<script>
import ProcessMain from '@/views/process/components/ProcessMain.vue';
import Atabs from '@/components/Tabs/Atabs.vue';
export default {
  components: { ProcessMain, Atabs },
  props: {
    id: {
      type: String,
    },
    bussType: {
      default: '1',
    },
    disabled: {
      default: false,
    }
  },
  computed: {
    userId() {
      return this.$store.state.user.userInfo.id;
    },
    // tab 切换
    tabsOptions() {
      return this.$store.state.tabs.tabsOptions;
    },
  },
};
</script>
<style lang="scss" scoped>
.dock-company-process {
  margin: 20px auto;
  width: 1200px;
}
.tabs {
  width: 100%;
  ::v-deep .el-tabs__header {
    padding-top: 10px;
    padding-left: 20px;
    background: #fff;
  }
}
</style>
